<!DOCTYPE html>

<html>
  <head>
    <meta charset="UTF-8" />
    <title>嵌套</title>
    <!-- 设置标题栏中标题之前的小图标 -->
    <link rel="shortcut icon" href="kfm.jpg" type="image/x-icon">
    <!-- 链接外部样式文件 -->
    <link rel="stylesheet" href="nested.css">
  </head>
  <body>

    <div class="wrapper phone">
        <div class="flex-container title">
            <span>手机</span>
            <span>查看更多</span>
        </div>

        <div class="flex-container phone-list">
            <div class="left"></div>
            <div class="right">
                <span>天</span>
                <span>地</span>
                <span>玄</span>
                <span>黄</span>
                <span>宇</span>
                <span>宙</span>
                <span>洪</span>
                <span>荒</span>
            </div>
        </div>
    </div>

  </body>
</html>
